<template>
  <Layout>
    <div class="row">
      <div class="col-12">
        <div class="page-title-box">
          <h4 class="mb-0 newstyle">
            <div style="display:flex;">
              <div class="breadcrumb-item" v-for="(item,index) in items" :key="index">
                <span @click="jump(index)">{{item.text}}</span>
              </div>
            </div>
            <div class="title_right">查看该条数据生命周期</div>
          </h4>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xl-12">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">
              <img src="@/assets/images/companies/img-1.png" alt="">
              人民日报
            </h4>
            <div class="basicInfo">
              <div>平台认证: 是</div>
              <div>官方媒体: 是</div>
              <div>媒体机构: 是</div>
              <div>文章总数: 1000</div>
              <div>粉丝数量: 10万</div>
              <div>媒体平台: 今日头条</div>
              <div>30天更新状态: 10篇</div>
              <div>创建日期: 1988-01-22</div>
              <div>加入日期: 2022-02-04</div>
              <div>更新时间: 12分钟前</div>
            </div>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            <weMediaNumDetailTransaction />
          </div>
        </div>
      </div>
    </div>
  </Layout>
</template>
<script>
import Layout from "../../layouts/main";
import weMediaNumDetailTransaction from "./weMediaNumDetailTransaction";
export default {
  components: {
    Layout,
    weMediaNumDetailTransaction,
  },
  data () {
    return {
      items: [
        {
          text: "数仓管理",
          url: "/datahouse",
        },{
          text: "自媒体号详情",
          url: "/",
        }
      ],
    }
  },
  methods: {
    jump(i){
      if(i==this.items.length-1){
        return;
      }
      this.$router.push(this.items[i].url)
    }
  }
}
</script>
<style lang="scss" scoped>
.card-title{
  font-size: 18px;
  font-weight: 600;
  img{
    width: 30px;
    height: 30px;
  }
}
.basicInfo{
  div{
    display: inline-block;
    margin-right: 20px;
  }
  div:last-child{
    margin-right: 0px;
  }
}
#post_statement {
  font-size: 12px;
  text-align: center;
}
.newstyle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  .breadcrumb-item{
    span{
      cursor: pointer;
    }
  }
  .breadcrumb-item:last-child{
    span{
      cursor: default;
    }
  }
}
.title_right{
  font-weight: normal;
  font-size: 0.7rem;
  color: #74788d;
}
</style>
